<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <script type="text/montage-serialization">
{
    "owner": {
        "values": {
            "element": {
                "#": "list"
            },
            "_repetition": {
                "@": "repetition1"
            }
        }
    },
    "repetition1": {
        "prototype": "montage/ui/repetition.reel",
        "values": {
            "element": {
                "#": "repetition"
            },
            "innerTemplate": {"<-": "@owner.innerTemplate"},
            "isSelectionEnabled": {"<-": "@owner.isSelectionEnabled"}
        }
    },
    "scroller1": {
        "prototype": "spec/ui/draw/scroller.reel",
        "values": {
            "element": {
                "#": "scroller"
            },
            "axis": {"<-": "@owner.axis"}
        }
    }
}
    </script>
</head>
<body>
    <div data-montage-id="list">
        <div data-montage-id="scroller" class="matte-List-Scroller">
            <div data-montage-id="repetition"></div>
        </div>
    </div>
</body>
</html>
